import { BoxShadow } from "../../styles/common";
import React from "react";
import styled from "styled-components";

const CardWrap = styled(BoxShadow)`
  background-color: white;
  border-radius: 10px;
  margin: 0 0 15px;
  padding: 10px;
`;

const CardTitle = styled.div`
  font-size: 18px;
  border-bottom: 1px solid #efefef;
  padding: 5px 5px 15px;
  text-transform: capitalize;
`;
const CardContent = styled.div`
  font-size: 14px;
  padding: 15px 5px 5px;
`;

const Card = ({ title, content }) => {
  return (
    <CardWrap>
      <CardTitle>{title}</CardTitle>
      <CardContent>{content}</CardContent>
    </CardWrap>
  );
};

export default Card;
